
.index{
	background: url(../images/背景.png)no-repeat;
	}

	// <!-- 轮播图 -->
	.carousel{
		// margin-top: 1em;
	}
	// 图标
	.Icon{
		display: flex;
		justify-content: space-around;
		padding: 1.8em 0;
		width: 100%;
		
		.img{
			width: 20%;
			text-align: center;
			img{
				width: 85%;
			}
		}
		
		span{
			font-weight: bold;
			font-size: 1em;
		}
	}
	// 明星宠物
	.starpet{
		p{
			padding: 0 .5em;
			font-size: 1.5em;
			font-weight: bold;
		}
		.pet{
			display: flex;
			justify-content: space-around;
			width: 100%;
			padding: 1.5em 0;
			.img-1{
				width: 22%;
				position: relative;
				.iti{
					width: 25%;
					position: absolute;
					left: 0;
					top: -10px;
					z-index: 999;
				}
					
				.sta{
					position: absolute;
					overflow: hidden;
					.title{
						position: absolute;
						top: 0;
						left: -100%;
						// display: none;
						border-radius: 13px;
						width: 100%;
						height: 100%;
						font-size: 1.2em;
						text-align: center;
						background: rgba(204,22,134,.8);
						transition: all linear .5s;
					}
					
					&:hover .title{
						// display: block;
						left: 0;
						
					}
				}
			}
		}
	}
	
	
	// 今日推荐
	.recommend{
		width: 100%;
		padding-top: 5em;
		.tit{
			font-size: 1.5em;
			color: #122B40;
			padding: 0 0 .5em .5em;
			font-weight: bold;
		}
		.img-2{
			width: 95%;
			margin: auto;
			div{
				width: 100%;
				padding: .5em 0 .5em;
				position: relative;
				overflow: hidden;
				.title{
					position: absolute;
					bottom: -100%;
					left: 0;
					// display: none;
					border-radius: 13px;
					width: 100%;
					height: 100%;
					font-size: 1.2em;
					text-align: center;
					background: rgba(204,22,134,.8);
					transition: all linear .5s;
				}
				&:hover .title{
					// display: block;
					bottom: 0;
					
				}
				
				p{
					position: absolute;
					top: 5.5em;//160
					left: 5em;//130
					font-size: 2em;
					font-weight: bold;
				}
				img{
					border-radius: 1em;
				}
			}
		}
	}
